/*!
 * Copyright (C) 2013-2020 Combodo SARL
 *
 * This file is part of iTop.
 *
 * iTop is free software; you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * iTop is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 */

/* SCSS variables (can be overloaded) */
$ibo-body-text-color: $ibo-color-grey-900 !default;
$ibo-body-background-color: $ibo-color-white-200 !default;

$ibo-page-container--elements-padding-x: 48px !default;

$ibo-main-content--padding-top: 24px !default;
$ibo-main-content--padding-bottom: 24px !default;

/* CSS variables (can be changed directly from the browser) */
:root{
	--ibo-body-text-color: #{$ibo-body-text-color};
	--ibo-body-background-color: #{$ibo-body-background-color};
}

/* Layout */
html{
	height: 100vh;
}
body{
	display: flex;
	height: 100vh;
	color: var(--ibo-body-text-color);
	background-color: var(--ibo-body-background-color);
	@extend %ibo-font-ral-nor-100;
}
#ibo-navigation-menu{
	z-index: 20;
}
#ibo-page-container{
	position: relative; /* To avoid having its descendants with "z-index" over siblings of self */
	z-index: 10;

	/* Self */
	height: 100%;
	overflow: auto;
	flex-grow: 1;

	/* For children */
	display: flex;
	flex-direction: column;

	#ibo-top-bar,
	#ibo-main-content{
		/* Align both elements content for a slicker touch */
		padding-left: $ibo-page-container--elements-padding-x;
		padding-right: $ibo-page-container--elements-padding-x;
	}
	#ibo-top-container{
		z-index: 20;
		position: sticky;
		top: 0;
		left: 0;
		right: 0;
	}
	#ibo-center-container{
		position: relative; /* To avoid having its descendants with "z-index" over siblings of self */
		z-index: 10;

		flex-grow: 1; /* To occupy all height available */
	}
	#ibo-main-content{
		padding-top: $ibo-main-content--padding-top;
		padding-bottom: $ibo-main-content--padding-bottom;
	}
}
